<md-content layout-fill>
<div class="md-padding dialogdemoBasicUsage" layout="column">

    <p style="font-size:x-large;word-spacing:30px;" align="center">— 我要提问 —</p>
    <div flex style="height:10px"></div>
        <md-content layout="column" layout-gt-sm="row" layout-align="center start">
            <div layout="column" flex="50"  layout-padding  >
                <md-content layout="row" layout-align-gt-sm="center center" >
                <div layout="column" flex flex-gt-sm="80" >
                    <div layout="row">
                        <md-input-container flex class="md-block">
                            <!-- Use floating label instead of placeholder -->
                            <label>问题标题</label>
                            <input required ng-model="question.title" type="text" >
                        </md-input-container>
                        <md-input-container class="md-block">
                            <!-- Use floating label instead of placeholder -->
                            <label>悬赏知识币</label>
                            <input required ng-model="question.reward" type="number" min="1">
                        </md-input-container>
                    </div>

                    <md-input-container flex="" class="md-block">
                        <label>问题概述</label>
                        <input required ng-model="question.sum" type="text" >
                    </md-input-container>
                    <!--<md-input-container class="md-block">
                        &lt;!&ndash; Use floating label instead of placeholder &ndash;&gt;
                        <label>支付知识币</label>
                        <input required ng-model="question.reward" type="number" >
                    </md-input-container>-->
                    <md-input-container class="md-block">
                        <md-textarea-container  flex >
                            <textarea flex required ng-model="question.body" rows="6"  placeholder="详细说明您的问题，以便获得更好的回答"></textarea>
                        </md-textarea-container>
                    </md-input-container>

                </div>
                </md-content>
                <div layout="row" layout-align="space-around center">
                    <md-button ng-click="postQuestion(question)" class="md-raised md-warn" type="submit" > 提交
                    </md-button>
                    <md-button ng-click="postQuestion(question)" class="md-raised md-primary">保存</md-button>
                </div>
                <div style="height: 100px"></div>
            </div>
            <div layout="column" flex="50" layout-align="center center" layout-padding layout-margin>
                <div layout="column" md-whiteframe="3"  style="height: 400px;">
                    <md-content>
                        <md-toolbar md-scroll-shrink style="background-color: #EBEBEB;color: #000000;
                                                            font-size: large;" >
                            <span align="center">- 选择咨询师 -</span>
                        </md-toolbar>
                        <md-content flex>
                        <md-list >
                            <md-subheader layout="row" layout-align="start">*请选择一位, 若选择了多位将以所选第一个为准</md-subheader>
                            <md-list-item>您选择的咨询师为：{{selectedConsultant[0]}}</md-list-item>
                            <md-divider></md-divider>
                            <md-list-item ng-repeat="consultant in consultantList.res">
                                <span class="md-button md-fab md-mini" style="background-color: #5385c1">{{consultant.username.substring(0,1)}}</span>
                                <span>{{consultant.username}}</span>
                                <md-checkbox class="md-secondary" name="{{consultant.username}}" required="required"
                                             ng-checked="exists(consultant.username,selectedConsultant)"
                                             ng-click="toggle(consultant.username,selectedConsultant)">
                                </md-checkbox>
                                <md-divider></md-divider>
                            </md-list-item>
                            <md-list-item></md-list-item>
                        </md-list>
                        </md-content>
                    </md-content>
                </div>
                <div style="height: 30px"></div>
            </div>
        </md-content>
</div>

</md-content>